<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>注册</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <meta name="description" content="Free HTML5 Template by FreeHTML5.co" /> -->
<!-- <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" /> -->
<!-- Facebook and Twitter integration -->
<!-- <meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" /> -->

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">

<!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'> -->

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">

<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

</head>
<body>

	<div class="container">
		<div class="row">
			<div class="col-md-4 col-md-offset-4">


				<!-- Start Sign In Form -->
				<form action="Check" method="post" class="fh5co-form animate-box"
					data-animate-effect="fadeIn">
					<h2>注册</h2>
					<input type="text" name="from" value="signup" style="display:none;">
					<c:if test="${!empty requestScope.info}">
						<div class="form-group">
							<div class="alert alert-success" role="alert">
								${requestScope.info }</div>
						</div>
					</c:if>
					<div class="form-group">
						<label for="name" class="sr-only">用户名（必填）</label> <input
							type="text" class="form-control" id="name" name="username"
							placeholder="用户（必填）" autocomplete="off" required>
					</div>
					<div class="form-group">
						<label for="email" class="sr-only">邮箱（必填）</label> <input
							type="text" class="form-control" id="email" name="email"
							placeholder="邮箱（必填）" autocomplete="off" required>
					</div>
					<div class="form-group">
						<label for="password" class="sr-only">密码（必填）</label> <input
							type="password" class="form-control" id="password"
							name="password" placeholder="密码（必填）" autocomplete="off" required>
					</div>
					<div class="form-group">
						<label for="re-password" class="sr-only">再次输入密码（必填）</label> <input
							type="password" class="form-control" id="re-password"
							name="repassword" placeholder="再次输入密码（必填）" autocomplete="off"
							required>
					</div>
					<div class="form-group">
						<label for="remember"><input type="checkbox" id="remember"
							name="remember" checked> 记住我</label>
					</div>
					<div class="form-group">
						<p>
							已经注册了？ <a href="login.jsp">登录</a>
						</p>
					</div>
					<div class="form-group">
						<input type="submit" value="注册" class="btn btn-primary">
					</div>
				</form>
				<!-- END Sign In Form -->

			</div>
		</div>
		<div class="row" style="padding-top: 60px; clear: both;">
			<div class="col-md-12 text-center">
				<p>
					<small>&copy; All Rights Reserved.</small>
				</p>
			</div>
		</div>
	</div>

	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Placeholder -->
	<script src="js/jquery.placeholder.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Main JS -->
	<script src="js/main.js"></script>

</body>
</html>

